<!DOCTYPE html>
<!-- Reader -->
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Notice</title>
    <link rel="stylesheet" href="/css/iconfont.css">
    <link rel="stylesheet" href="/css/reader_searchbook.css">
    <link rel="stylesheet" href="/css/bootstrap.min.css" >
    <link rel="stylesheet" href="/css/bootstrap-theme.min.css">
    <link rel="stylesheet" href="/css/some.css">
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.js"></script>
    <script src="/js/bootstrap.min.js" type="application/javascript"></script>
</head>
<body>
<header class="header clearfix">
    <i class="iconfont icon-yun"></i>
    <i>Library</i>
    <a style="cursor: pointer;font-size: 19px;" onclick="javascript:history.back(-1);" >Back to Home</a>
</header>
<div class="main clearfix" style="width: 80%;padding: 2%;position: absolute;left: 8%;opacity: 0.9; margin-top: 60px;">

    <h2><span class="glyphicon glyphicon-th-list" aria-hidden="true"></span>Latest Notice</h2>
    <hr>
    <div class="media" th:each="notice : ${notices}">
        <div class="media-left media-middle">
            <a href="#">
                <img class="media-object img-rounded" style="width: 38px;height: 38px" src="https://dss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=1175542015,148821950&fm=26&gp=0.jpg">
            </a>
        </div>
        <div class="media-body">
            <h4 class="media-heading" th:text="${notice.title}">怎么快速学会Spring Boot开发</h4>
            <span th:text="${notice.detail}">点击进去看</span><br>
            <span class="text-desc"><span th:text="${#calendars.format(notice.date,'yyyy-MM-dd HH:mm')}"></span></span>
        </div>
        <div>
            <HR style="FILTER: alpha(opacity=100,finishopacity=0,style=1)" width="80%" color=#987cb9 SIZE=3>
        </div>
    </div>

</div>

<footer class="footer">
    <div class="mandarin">
        <img src="/images/mandarin.png" alt="">
    </div>
    <p>Shan ICP number18018134 | Powered by 1713011</p>
</footer>

<div id="tanchuceng">
    <div id="msg">
        <div id="exit" onclick="exit()">x</div>
        <p id="message"></p>
    </div>
</div>
</body>
</html>